<script setup lang="ts">
// const dates: CalendarWeekItem[] = [
//     {
//         numberInTheYear: 45,
//         year: 2022,
//         days: [
//             { date: { year: 2022, month: 10, day: 30 }, month: 10 },
//             { date: { year: 2022, month: 10, day: 33 }, month: 10 },
//             { date: { year: 2022, month: 11, day: 1 }, month: 11 },
//             { date: { year: 2022, month: 11, day: 2 }, month: 11 },
//             { date: { year: 2022, month: 11, day: 3 }, month: 11 },
//             { date: { year: 2022, month: 11, day: 4 }, month: 11 },
//             { date: { year: 2022, month: 11, day: 5 }, month: 11 }
//         ]
//     },
//     {
//         numberInTheYear: 46,
//         year: 2022,
//         days: [
//             { date: { year: 2022, month: 11, day: 6 }, month: 11 },
//             { date: { year: 2022, month: 11, day: 7 }, month: 11 },
//             { date: { year: 2022, month: 11, day: 8 }, month: 11 },
//             { date: { year: 2022, month: 11, day: 9 }, month: 11, isCurrent: true },
//             { date: { year: 2022, month: 11, day: 10 }, month: 11 },
//             { date: { year: 2022, month: 11, day: 11 }, month: 11 },
//             { date: { year: 2022, month: 11, day: 12 }, month: 11 }
//         ]
//     },
//     {
//         numberInTheYear: 47,
//         year: 2022,
//         days: [
//             { date: { year: 2022, month: 11, day: 13 }, month: 11 },
//             { date: { year: 2022, month: 11, day: 14 }, month: 11 },
//             { date: { year: 2022, month: 11, day: 15 }, month: 11 },
//             { date: { year: 2022, month: 11, day: 16 }, month: 11 },
//             { date: { year: 2022, month: 11, day: 17 }, month: 11 },
//             { date: { year: 2022, month: 11, day: 18 }, month: 11 },
//             { date: { year: 2022, month: 11, day: 19 }, month: 11 }
//         ]
//     },
//     {
//         numberInTheYear: 48,
//         year: 2022,
//         days: [
//             { date: { year: 2022, month: 11, day: 20 }, month: 11 },
//             { date: { year: 2022, month: 11, day: 21 }, month: 11 },
//             { date: { year: 2022, month: 11, day: 22 }, month: 11 },
//             { date: { year: 2022, month: 11, day: 23 }, month: 11 },
//             { date: { year: 2022, month: 11, day: 24 }, month: 11 },
//             { date: { year: 2022, month: 11, day: 25 }, month: 11 },
//             { date: { year: 2022, month: 11, day: 26 }, month: 11 }
//         ]
//     },
//     {
//         numberInTheYear: 49,
//         year: 2022,
//         days: [
//             { date: { year: 2022, month: 11, day: 27 }, month: 11 },
//             { date: { year: 2022, month: 11, day: 28 }, month: 11 },
//             { date: { year: 2022, month: 11, day: 29 }, month: 11 },
//             { date: { year: 2022, month: 11, day: 30 }, month: 11 },
//             { date: { year: 2022, month: 12, day: 1 }, month: 12 },
//             { date: { year: 2022, month: 12, day: 2 }, month: 12 },
//             { date: { year: 2022, month: 12, day: 3 }, month: 12 }
//         ]
//     }
// ];
</script>
<template>
    <!-- <div class="f-datepicker-container container-position-bottom" style="position: relative">
        <div class="f-datepicker-content">
            <f-date-picker-calendar :dates="dates" :selected-date="dates[0].days[5].date"></f-date-picker-calendar>
        </div>
    </div> -->
    <!-- <f-date-picker-container></f-date-picker-container> -->
    <f-date-picker></f-date-picker>
</template>
